<div data-role="header">
    <a href="#myPanel" class="ui-btn ui-icon-grid ui-btn-icon-left">菜单</a>
    <h1>账单记录</h1>
    <a href="javascript:history.back(-1);" class="ui-btn ui-icon-back ui-btn-icon-left">返回</a>
</div>
<style type="text/css">
    .ui-link{margin: 5px}
</style>
<div data-role="main" class="ui-content">
    <table data-role="table" data-mode="columntoggle-">
        <thead>
            <tr>
                <th width="50px">时间</th>
                <th>支出金额</th>
                <th>详情</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach($list as $k => $v):?>
            <tr>
                <td><?=date('m-d',$v['update_time'])?></td>
                <td style="color:<?=$v['charges'] > 0 ? 'green' : 'red'?>"><?=$v['charges'] > 0 ? '+' : ''?><?=$v['charges']?></td>
                <td><?=$v['remarks']?></td>
            </tr>
            <?php endforeach;?>
        </tbody>

    </table>
    <tr colspan="3"><?=$page?></tr>
</div>